.award {
  position: relative;
  width: 100vw;
  height: 100vh;
  .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -999;
  }
  .main {
    position: absolute;
    left: 0;
    top: 33%;
    width: 100%;
    height: 67%;
    text-align: center;
    .card {
      width: 630rpx;
      height: 458rpx;
    }
    .next,
    .share-friends,
    .sharing-with-friends {
      width: 450rpx;
      height: 96rpx;
    }
    button {
      display: inline-block;
      width: 450rpx;
      height: 96rpx;
      background-color: transparent;
      padding: 0;
    }
  }
  .popup {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    .share-popup {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 645rpx;
      height: 786rpx;
      z-index: 99;
    }
    .save {
      position: absolute;
      left: 50%;
      top: calc(50% + 320rpx);
      transform: translate(-50%, -50%);
      background-color: #4fa2ea;
      z-index: 99;
    }
  }
}
